<template>
  <div class="user">
    <div class="header">
      <img class="icon" src="../../../assets/chuli.png" alt="" />
      <p class="InTheReview">借款处理中，请耐心等待</p>
    </div>
    <div class="box">
      <van-cell-group class="list">
        <van-cell class="text-left" title="到账金额" value="￥20000.00"/>
        <van-cell class="text-left" title="收款账户" value="农业银行（尾号6946)"/>
        <van-cell class="text-left" title="借款期限" value="21天（3期）"/>
        <van-cell class="text-left" title="每期应还" value="￥7068.02"/>
      </van-cell-group>
    </div>

  </div>
</template>

<script>
import {Cell, CellGroup} from 'vant'
export default {
  components:{
    [Cell.name]:Cell,
    [CellGroup.name]:CellGroup,
  },
  data(){
    return{

    }
  },
  mounted(){

  },
  methods:{
    // hrefUrl(url){
    //   console.log(url)
    //   // window.location.href=url;
    //   this.$util.nativeHeader(url)
    // }
  }
}
</script>

<style scoped lang="scss">
  /***
  * 产品主题颜色需求
  * #FF8024 按钮 突出文字 ico
  * #FFD500 B辅助色
  * #FFEC9C c辅助色
  * #1D0F00 重要文字
  * #41424E 副标题段落
  * #797A79 次要文字
  * #A9AAA9 不可点击
  * #E6E6E6 分割线 描边
  * #F6F7F6 背景
  * #6699CC 链接
  */
.user{
  overflow: hidden;
  width: 100%;
  height:100%;
  background: #fff;;
}
.header{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height:180px;
  background: #fff;
}
.icon{
  width:90px;
  height:73px;
}
.InTheReview{
  padding:0 30px;
  margin-top:10px;
  text-align: left;
  font-size:15px;
  font-weight: 600;
  color:#333;
}
.box{
  overflow: hidden;
  width:90%;
  margin:15px auto 0;
  border-radius: 4px;
  box-shadow: 0 3px 9px 3px rgba(0,0,0,0.10);
}
.user-icon{
  position: relative;
  top:2px;
  width:17px;
  height:17px;
  margin-right:4px;
}
.login-out{
  width:80%;
  margin-top:130px;
}
</style>